<template>
  <div>
    <el-row class="tac">
      <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>用户申请</span>
          </template>
          <el-menu-item-group>
            <el-menu-item @click="MangerLoan()">未审查</el-menu-item>
            <el-menu-item @click="finalJug()">终审</el-menu-item>
            <el-menu-item @click="toreject()">初终审驳回</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-menu-item index="3" @click="apprecord">
          <i class="el-icon-menu"></i>
          <span slot="title">申请记录</span>
        </el-menu-item>
        <el-menu-item index="3">
          <i class="el-icon-menu"></i>
          <span slot="title">用户信息</span>
        </el-menu-item>
        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>汇款情况</span>
          </template>
          <el-menu-item-group>
            <el-menu-item @click="weiDa()">未打款</el-menu-item>
            <el-menu-item @click="yiDa()">已打款</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-menu-item index="5">
          <i class="el-icon-menu"></i>
          <span slot="title">贷款详情</span>
        </el-menu-item>
        <el-menu-item index="6">
          <i class="el-icon-menu"></i>
          <span slot="title">合同逾期记录</span>
        </el-menu-item>
        <el-submenu index="7">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>银行情况</span>
          </template>
          <el-menu-item-group>       
          <el-menu-item @click="bank()">合作银行</el-menu-item>
          <el-menu-item @click="jian()">监管账户</el-menu-item>
          <el-menu-item @click="liu()">资金流水</el-menu-item>
        </el-menu-item-group>  
        </el-submenu>
        <el-menu-item index="8">
        <i class="el-icon-menu"></i>
        <span slot="title" @click="da()">还款详情</span>
      </el-menu-item>
        <el-submenu index="9">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>催收概况</span>
          </template>
          <el-menu-item-group>
            <el-menu-item @click="handlerRoute('/mangerLoan')"
              >借贷信息查看</el-menu-item
            >
            <el-menu-item @click="handlerRoute('/warning')"
              >贷后预警</el-menu-item
            >
            <el-menu-item @click="handlerRoute('/checked')"
              >贷后检查</el-menu-item
            >
            <el-menu-item @click="handlerRoute('/collection')"
              >催收处理</el-menu-item
            >
            <el-menu-item @click="handlerRoute('/Bona')">用户信誉</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <el-submenu index="10">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>产品信息</span>
          </template>
          <el-menu-item-group>
            <el-menu-item @click="Product('/personProduct')"
              >个人产品</el-menu-item
            >
            <el-menu-item @click="Product('/companyProduct')"
              >公司产品</el-menu-item
            >
            <el-menu-item @click="Product('/productApp')"
              >产品申请</el-menu-item
            >
            <el-menu-item @click="Product('/productApproval')"
              >产品审批</el-menu-item
            >
            <el-menu-item @click="Product('/productRecord')"
              >审批记录</el-menu-item
            >
          </el-menu-item-group>
        </el-submenu>
        </el-menu>
        </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  methods: {
    handlerRoute(url) {
      this.$router.push(url);
    },
    bank() {
      this.$router.push("/bank");
    },
    jian() {
      this.$router.push("/jian");
    },
    huan(){
        this.$router.push('/huanKuan');
    },
    dai(){
        this.$router.push('/daikuan'); 
      },
     da(){
        this.$router.push('/daKuan'); 
      },
      liu(){
        this.$router.push('/liuShui'); 
      },
      weiDa() {
      this.$router.push("/weiDaKuan");
    },
    yiDa() {
      this.$router.push("/yiDaKuan");
    },
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    Product(url) {
      this.$router.push(url);
    },
    MangerLoan(){
      this.$router.push("/preliminary");
    },
    apprecord(){
      this.$router.push("/auditlogging");

    },
    finalJug(){
      this.$router.push("/finalJug");
    },
    toreject(){
      this.$router.push("/rejectChuFu");
    },

  }
  
  
    
    
    
    
    
   
  
};
</script>